<!DOCTYPE html>
<html>
<head lang="zh-CN">
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <!--<meta name="viewport" content="width=device-width, initial-scale=1">-->
    <meta name="renderer" content="webkit">
    <title>后台登录页</title>
    <link rel="stylesheet" href="css/bootstrap.min.css"/>
    <link rel="stylesheet" href="css/login.css"/>
    <!--[if lt IE 9]>
    <script src="//cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
    <script src="//cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>
<body>
<div class="container login">
    <!-- logo -->
    <div class="logo">
        <a href="">XXX 学业数据可视化分析系统</a>
    </div>
    <!-- 登录表单 -->
    <div class="content">
        <form class="loginForm" action="index.html">
            <h3>用户登录</h3>

            <div class="form-group">
                <label class="sr-only" for="uName"></label>
                <div class="input-group">
                    <div class="input-group-addon"><span class="glyphicon glyphicon-user"></span></div>
                    <input class="form-control" id="uName" name="uName" type="text" placeholder="请输入用户名" required />
                </div>
            </div>

            <div class="form-group">
                <label class="sr-only" for="uPwd"></label>
                <div class="input-group">
                    <div class="input-group-addon"><span class="glyphicon glyphicon-lock"></span></div>
                    <input class="form-control" id="upwd" name="upwd" type="password" placeholder="请输入密码" required />
                </div>
            </div>

            <div class="form-actions">
                <button type="submit" class="btn btn-success">登 录</button>
                <label class="check">
                    <div class="checker">
                        <input name="remember" type="checkbox">
                    </div>记住密码
                </label>
                <a href="javascript:;" class="forget-password">忘记密码?</a>
            </div>

            <div class="login-options">
                <h4>合作方账号登录：</h4>
                <ul class="social-icons">
                    <li>
                        <a class="qq" href=""></a>
                    </li>
                    <li>
                        <a class="weibo" href=""></a>
                    </li>
                    <li>
                        <a class="weixin" href=""></a>
                    </li>
                </ul>
            </div>

            <div class="create-account">
                <p>
                    <a href="javascript:;">注 册</a>
                </p>
            </div>
        </form>
    </div>
    <!-- 版权信息 -->
    <div class="copyright">
        <p>2016 &copy; XXXX.com</p>
    </div>
</div>
<!-- js 部分 -->
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
</body>
</html>